{% extends "base.html" %}
{% block head %}
<link rel="stylesheet" type="text/css" href="/static/css/register.css">
{% endblock %}


{% block middle %}
<!-- <div style="float:right;width:980px;height:700px;margin: 180px auto 50px;"> -->
<div style="position:absolute;left:37%;top:30%;text-align:center;">
    <form class="layui-form" action="">

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" id="user_name_label">用户名:</label>
                <div class="layui-input-block">
                    <input type="text" id="username" name="user_name" required lay-verify="required"
                           placeholder="请输入用户名注意: 用户名必须是字母, 数字, 下划线组合, 不得包含特殊字符, 不得以数字开头" autocomplete="off"
                           class="layui-input" style="width: 360px">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" id="passwd_label">密码:</label>
                <div class="layui-input-block">
                    <input type="password" id="passwd" name="password" required lay-verify="required"
                           placeholder="请输入密码" autocomplete="off" class="layui-input" style="width: 360px">
                </div>
            </div>
        </div>

        <!-- todo 忘记密码 -->

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="srm" style="width: 170px">登录</button>
                <button type="reset" class="layui-btn layui-btn-primary" style="width: 170px">全部清空</button>
            </div>
        </div>

    </form>
</div>

<script src="{{ login_js_path }}" type="text/javascript"></script>

{% endblock %}